<template>
  <header-view></header-view>
  <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
    <n-message-provider placement="bottom-right">
      <n-dialog-provider>
        <router-view v-slot="{ Component }">
          <keep-alive>
            <component :is="Component" />
          </keep-alive>
        </router-view>
      </n-dialog-provider>
    </n-message-provider>
  </n-config-provider>
</template>

<script setup lang="ts">
  import HeaderView from './components/header/headerView.vue';
  import { zhCN, dateZhCN } from 'naive-ui';
</script>

<style lang="scss">
  html,
  body,
  #app {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    background-color: var(--backgroundColor) !important;
    // 头部栏高度
    .n-config-provider {
      padding-top: 30px;
    }
  }
</style>
